<style>
    img {
        width: 100%;
    }
</style>

<img src="./imgs/loading.gif" data-src="./imgs/1.jpg" alt="">
<img src="./imgs/loading.gif" data-src="./imgs/2.jpg" alt="">
<img src="./imgs/loading.gif" data-src="./imgs/3.jpg" alt="">
<img src="./imgs/loading.gif" data-src="./imgs/4.jpg" alt="">
<img src="./imgs/loading.gif" data-src="./imgs/5.jpg" alt="">


<script src="./libs/jq.js"></script>
<script src="./libs/jquery.lazyload.js"></script>
<script>
    console.log($('img'));

    $('img').lazyLoad()
</script>